<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>创建新客户账户</title>
    <link rel="stylesheet" href="css/regist.css">
</head>

<body>
    <header>
        <div><img src="img/返回箭头.png" alt=""></div>
        <div><img src="img/logo.png" alt=""></div>
        <div id="headerRight">
            <img src="img/爱心.png" alt="">
            <img src="img/注册.png" alt="">
            <img src="img/购物袋.png" alt="">
        </div>
    </header>
    <!-- 分割线div -->
    <div id="fengexian"></div>
    <main>
        <h2>注册</h2>
        <p>如您已是Dior美妆店铺会员，请使用会员手机号码注册，系统将自动绑定您的官网账号并合并您在官网和店铺发Dior美妆购物积分。</p>
        <p>*为必填项目</p>
        <div>
            <p>姓*</p>
            <input type="text" placeholder="姓" class="fistname">
            <p>必填信息</p>
        </div>
        <div class="name">
            <p>名*</p>
            <input type="text" placeholder="名" class="lastname">
            <p>必填信息</p>
        </div>
        <div>
            <p>电话*</p>
            <input type="text" placeholder="电话">
            <p>必填信息</p>
        </div>
        <div class="className">
            <p>称谓*</p>
            <select name="xingbie" id="xingbie">
                <option value="who">选择称谓</option>
                <option value="nv">女士</option>
                <option value="nan">男士</option>
            </select>
            <p>请选择</p>
        </div>
        <div class="yanzheng">
            <p>验证码*</p>
            <input type="text" placeholder="*验证码">
            <p>必填信息</p>
            <div><b>ASDI</b></div>
        </div>
        <div class="telyanzheng">
            <p>短信验证码*</p>
            <input type="text" placeholder="短信验证码" class="dxyz">
            <p>必填信息</p>
            <input type="button" value="发送" class="fasong">
        </div>
        <div>
            <p>密码*</p>
            <input type="text" placeholder="密码" class="keyword">
            <p>必填信息</p>
        </div>
        <div class="lastDiv">
            <input type="checkbox" class="gouxuan">
            <span>我已阅读并接受<u class="u1">个人信息收集声明</u>以及<u class="u2">网站使用和销售条款</u>
                <br><span class="tishigouxuan">请勾选并确保已阅读以上声明</span>
            </span>
        </div>
        <input type="button" value="注册" class="zuce">
    </main>
    <div class="shade"> </div>
    <div class="alterOne">
        <input type="button" class="delete" value="×">
        <h3>个人信息收集声明</h3>
        <p>本个人信息保护政策（以下简称“隐私政策”）适用于由尚圃电子商务(上海)有限公司、路威酩轩香水化妆品（上海）有限公司经营的Parfums Christian Dior以及由克丽丝汀迪奥经营的Christian Dior Couture（以下统称为“Dior”或“我们”）在您访问、浏览或使用Dior官方网站www.dior.cn（以下简称“网站”）或通过网站与您互动时所收集的所有个人信息。请阅读以下隐私政策，以了解您向我们提供及共享的个人信息、我们将如何收集、使用、保存并保护您提供给我们的个人信息、您如何管理该等个人信息以及如何与我们就个人信息进行联系。通过访问本网站或使用我们的任一服务，即表示您充分理解和同意接受本隐私政策的全部内容，并且信赖我们对您提供并共享的个人信息的使用和处理方式。Dior尊重您的隐私，并将尽力确保您的个人信息得到妥善保护。
            本隐私政策详细描述了Dior收集和使用个人信息的方式，以及您对个人信息所享有的权利。 因此，为了尊重和保护网站用户（以下简称“用户”）的隐私，Dior承诺在网站内收集和处理的信息均遵守所有适用于个人信息保护的法律及法规的有关要求。 本隐私政策是网站一般使用条款的补充部分，您可以阅读该条款以了解与网站使用有关的更多信息。 条款1 - 所收集数据范围和方式 Dior可能会收集和处理有关您的以下信息，进行以下条款2中所描述的用途，并且是为了向您提供服务所必需。这些均是您自愿提供的信息:
            联络信息，包括姓名、地址、电话号码或电邮地址； 支付信息； 您在公开场合、或我们的社交媒体页面、或我们的网站上发表的公开信息，例如对某一产品的评论； 人口统计信息，例如您的性别以及生日； 您的购买信息，包括您所购买的产品及其价格。 您访问本网站的详细信息，包括流量数据、 位置数据、 网络日志与其他通信数据；以及您的： 设备信息：我们会根据您在软件安装及/或使用中授予的具体权限，接收并记录您所使用的设备相关信息（设备型号、操作系统版本、设备设置、唯一设备标识符、设备环境信息）、设备所在位置相关信息（IP
            地址、GPS位置以及能够提供相关信息的WLAN接入点传感器信息）。如果您在安装及/或使用过程中拒绝授予我们相应权限的，我们并不会记录您上述对应的信息。 服务日志信息：当您使用我们的移动应用提供的产品或服务时，基于数据统计、有关广告及营销效果评估目的，我们会收集您对我们服务的详细使用情况，包括搜索查询内容、IP地址、浏览器的类型、电信运营商、使用的语言、访问日期和时间及您访问、浏览、停留、下单操作的网页记录。 其他系统和设备权限信息：我们会在您开启软件前及/或使用中向您申请授予的具体设备和系统权限，并告知您相应的使用目的。如果您拒绝授予我们相应权限的，我们并不会记录您对应的信息。
            在下列的情况下，Dior会要求您提供您的个人资料: 在网站建立一个账户或要求订阅我们的通讯而登记您的个人资料； 购买产品； 参与推广活动或网站提供的其他功能； 要求获取产品目录； 要求接收任何促销、 推广或其他类型的通信； 通过我们的客户服务中心作出查询或提出意见。 当您通过网站的“职业生涯”页面（以下简称“求职页面”）应聘Dior的工作岗位时，我们也会收集与您相关的个人信息。 条款2 - 所收集数据的用途 Dior将负责对所收集的信息进行自动化处理，主要用于： 使我们更清楚地了解您的兴趣、
            关注和喜好； 向用户发送信息，特别是网站的电子通讯和促销信息，包括由路威酩轩香水化妆品（上海）有限公司及/或克丽丝汀迪奥商业（上海）有限公司发送的化妆品、香氛、皮具、时装等产品的店铺开业、产品发布、活动、 网站变化、 服务更新、 特别产品与推广促销等信息； 在信息发送失败的情况下与用户取得联系； 处理通过网站完成的订单； 就您的购买、账户信息或客户服务需求而与您沟通和/或更好地回答您的客户服务查询，或向您提供您要求的服务； 进行匿名统计和分析等活动； 岗位招聘（求职页面）。
            我们可能通过电话以及您提供给我们的电子邮件地址或您提供给我们的其它任何联络方式就上述目的与您联络。如果您不愿意收到这些电子邮件或不愿意进行上述联系，您只需按照您收到的信息中的取消订阅指示， 或按照下文条款7的联络方式与我们联络。 条款3 - 数据保存期限 网站会将收集的数据保存一段时间，该期限不会超过所收集数据的用途所需的期限。 条款4 - 数据接收方 为了上述条款2所述的目的，我们可能会与位于中国大陆境内或境外的关联公司分享您的个人信息。另外，为了运营本网站或提供服务，我们还可能将您的个人信息在必要范围内提供给我们的合作伙伴、服务提供商、供货商以及其他支持或协助我们提供相关产品和服务的第三方，无论其位于中国大陆境内或境外。
            另外，如果我们认为，为执行我们的服务条款或为保护另一Dior的客户、公众或Dior的权利、财产或人身安全，有必要披露您的个人资料，我们将披露您的个人资料。 请注意，我们亦可以使用海外设施处理或备份资料。因此，我们可能将您的个人资料转移到我们的海外设施作存储。但是，这样做并不会改变我们对保护您的隐私权所作的承诺。 除本隐私政策另行规定以外， 我们只会在下列的情况下未经您允许而披露特定的资料：因法律要求而披露该等资料；或者，我们诚实地认为，为调查针对我们的客户、使用者、关联方或财产（包括本网站）或他人所进行的可疑刑事活动，或为确保其免受该等活动的损害，有必要披露该等资料。
            我们通过接入第三方代码、插件、接口的方式将个人信息传输至第三方的情形说明如下： 接入方式 提供目的及场景描述 提供的个人信息类型 数据接收方的类型 SDK 实时监测定位多维度的性能问题 访问、操作、下单行为 性能监测服务商 SDK 全链路经营数据分析、消费者洞察、精准营销 浏览、搜索、商品、下单行为及订单数据、用户ID 数据分析服务商 条款5 - 数据安全与保密 Dior已采用了多种有效预防措施，以尽力确保所收集个人信息的保密和安全，并防止信息篡改、毁损、丢失或被未经授权的第三方访问。
            但是， 本网站的使用者须注意， 由于互联网的开放性质， 我们无法保证我们服务器上存储的、 或在使用者之间传送的您的任何个人资料不会被未获准许地查阅， 并且， 我们声明， 如果任何数据或通信被盗窃或丢失、 未获准许地被查阅或受损， 或被截取， 我们对此不承担任何责任。 通过使用本网站， 即表示您确认您理解并同意承担这些风险。 除非事先取得您的同意， 否则， 我们不会向上文第4条所述的任何第三方出租、 交易、 分发或出售您提供给我们的任何个人资料。 条款6 - COOKIES/
            数据统计 6.1 - Cookies 对于本网站/小程序的使用者，请注意，我们可以在您的计算机上存入“cookies”，以便对您进行识别。 Cookies是指在浏览期间从一个服务器计算机上发送的小型数据文本档案。Cookies通常储存在计算机硬盘上，网站/小程序用 cookies 来模拟与网站/小程序之间的持续连接。我们已经采取了相关的安全措施，以防止未获准许地查阅用户的数据。但是， 用户确认， Dior并不能控制电子通信设施（ 包括互联网） 上的数据转移。因此，Dior不会就互联网上发生的该等数据的安全漏洞或未获准许的披露或使用承担任何责任。您可以将您的浏览器设置成拒绝接受
            cookies，但这样做可能会使您无法充分利用本网站/小程序上的服务。 6.2 - 数据统计 为了使网站/小程序的内容与服务能够更贴合用户需求， Dior会统计用户的浏览次数、访问页面数量、网站/小程序浏览活动以及回访频率。为了完成此类访问分析， Dior会使用不同的分析工具。该工具可用来分析网站/小程序的访问状况。 条款7 - 存取、拒绝和修改的权限 您有权查阅、更正、修改（出于合法目的）或反对与您个人信息有关的处理操作。如果您需要查阅、更正、修改（出于合法目的）您的个人信息，您可以Dior官网（www.dior.cn）或者通过Dior客服中心进行。如果您需要删除您的个人信息，您可联络以下相关部门，以行使这项权利，除非我们因法律原因而需要保存该等资料：
            Dior客服服务中心： 4009218833，适用于路威酩轩香水化妆品（上海）有限公司，或4006281616，适用于克丽丝汀迪奥商业（上海）有限公司。 请理解，为防止假冒，在操作您的个人信息前我们需要核实您的身份。一旦核实我们将在合理的期限内回复您的请求。 条款8 - 直接营销 我们有意使用您的个人信息向您发送有关我们产品和服务的活动、特别产品和营销资料。我们可能为直接促销的目的，与我们提供上述产品和服务的关联公司、合作伙伴、服务提供商或其他支持或者协助我们提供相关产品和服务的第三方（无论位于中国大陆境内或境外）分享您的个人信息。您对本隐私政策的接受也包括了您同意根据本隐私政策通过电话、信件、电子邮件、短讯和多媒体讯息、社交网络和即时通讯接收来自我们（包括路威酩轩香水化妆品（上海）有限公司及/或克丽丝汀迪奥商业（上海）有限公司）以及我们的合作伙伴发送的营销信息。如果您不希望我们以这种方式使用您的个人信息或为了促销目的与第三方分享您的个人信息，请按照上述条款7提供的联络方式与我们取得联系。
            条款9 - 公司控制权变更时的数据转移 在出现公司控制权变更或公司资产或业务被转让的情况下， Dior收集的个人信息可能会被转移 条款10 - 儿童隐私权 如果您未满14岁，您只能在父母或监护人的参与下使用本网站而且不应向我们提交任何个人资料。 条款11- 本隐私政策的修改 Dior有权在不预先通知的情况下，随时修改本隐私政策的内容。在这种情况下，Dior会通过在网站/小程序上发布更新版本的方式通知您。自该隐私政策更新版本发布之日起，如您仍继续使用网站/小程序或我们的服务，即表示您同意受经修订的隐私政策的约束。
        </p>
    </div>
    <div class="alterTwo"></div>
    <script src="js/jquery.js"></script>
    <script>
        $(function() {
            $(".u1").click(function() {
                let ch = $(window).height();
                let cw = $(window).width();
                $(".alterOne").css({
                    "height": ch - 100 + "px",
                    display: "block"
                });
                $(".shade").css({
                    "display": "block",
                    "width": cw + 100 + "px",
                    "height": ch + 100 + "px"
                })
                document.documentElement.style.overflow = 'hidden';
            });
            $(".delete").click(function() {
                $(".alterOne").css({
                    "display": "none"
                });
                $(".shade").css({
                    "display": "none"
                });
                document.documentElement.style.overflow = 'scroll';
            });
            // 点击注册掉接口
            $(".zuce").click(function() {
                let flag = true;
                // 判断每个内容是否输入，没输入就false
                $("main > div > p + input").each(function() {
                    if ($(this).val() == "") {
                        flag = false;
                        $(this).next().css({
                            "display": "block"
                        })
                    } else {
                        $(this).next().css({
                            "display": "none"
                        })
                    }
                })
                if ($(".gouxuan").is(":checked")) {
                    $(".tishigouxuan").css({
                        "display": "none"
                    })
                } else {
                    flag = false;
                    $(".tishigouxuan").css({
                        "display": "block"
                    })
                }
                if ($("select").val() == "who") {
                    flag = false;
                    $("select").css({
                        "display": "block"
                    })
                } else {
                    $("select").css({
                        "display": "none"
                    })
                }
                //如果flag是true，就调接口，调整到主页面
                if (flag) {
                    $.ajax({
                        type: "get",
                        url: "http://jx.xuzhixiang.top/ap/api/reg.php",
                        data: {
                            "username": $(".fistname").val() + $(".lastname").val(),
                            "password": $(".keyword").val()
                        },
                        success: function(res) {
                            if (res.code == 1) {
                                self.location.href = "index.html"
                            } else {
                                alert("请检查用户名或密码")
                            }
                        }
                    });
                } else {
                    $(".tishigouxuan").css({
                        "display": "block"
                    })
                }
            })
        });
    </script>
</body>

</html>